<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="p-h-md p-v bg-white box-shadow pos-rlt">
	<div class="pull-right">
		<a href="/ads"><button class="btn btn-sm btn-default" >取消</button></a>
        <button type="submit" class="btn btn-sm btn-primary" ui-sref="app.manage">提 交</button>
	</div>
	<h3 class="no-margin">广告管理 -  新建广告</h3>
<div class="p-md" lazy-load="ui.select">
	<form class="form-horizontal">
		<div class="panel panel-default">
			<div class="panel-heading bg-white">广告内容</div>
			<div class="panel-body">
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-3 control-label">广告标题</label>
					<div class="col-sm-6">
						<input type="text" class="form-control" id="inputEmail3"></div>
				</div><div class="form-group">
					<label for="inputEmail3" class="col-sm-3 control-label">广告副标题</label>
					<div class="col-sm-6">
						<input type="text" class="form-control" id="inputEmail3"></div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">广告分类</label>
					<div class="col-sm-3">
						<select class="form-control">
							<option value="1">请选择一级分类...</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
						</select>
					</div>
					<div class="col-sm-3">
						<select class="form-control">
							<option value="1">请选择二级分类...</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
						</select>
					</div>
				</div>
				<div class="form-group"  >
					<label for="inputPassword3" class="col-sm-3 control-label">广告创意</label>
					<div class="col-sm-6">
						<button class="btn btn-sm btn-default" data-template="views/ui/angular-strap/aside.tpl2.html" data-placement="top" data-animation="am-slide-top aside-open-backdrop"  data-container="body"   bs-aside="aside">从创意库中选择...</button>
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword3" class="col-sm-3 control-label">落地页链接</label>
					<div class="col-sm-6">
						<input type="text" class="form-control" id="inputEmail3"></div>
				</div>
				</div>
			</div>
		<div class="panel panel-default"  >
			<div class="panel-heading bg-white">受众选择</div>
			<div class="panel-body">
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-3 control-label">投放区域</label>
					<div class="col-sm-6">
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 不限
        </label>
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 省
        </label>
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 市
        </label>
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 区县
        </label>

            <ui-select multiple ng-model="multipleDemo.selectedPeopleWithGroupBy" theme="bootstrap" ng-disabled="disabled">
              <ui-select-match placeholder="请选择...">{{$item.name}}</ui-select-match>
              <ui-select-choices group-by="someGroupFn" repeat="person in people | propsFilter: {name: $select.search, age: $select.search}">
                <div ng-bind-html="person.name | highlight: $select.search"></div>
              </ui-select-choices>
            </ui-select>

          </div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">性别</label>
					<div class="col-sm-6">
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 不限
        </label>
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 男
        </label>
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 女
        </label>
      </div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-3 control-label">年龄</label>
					<div class="col-sm-6">
        <label class="checkbox-inline">
          <input type="checkbox" value="option1">不限
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option2">小于18
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">18-23
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">24-30
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">31-40
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">41-50
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">大于50
        </label>
      </div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">婚姻状况</label>
					<div class="col-sm-6">
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 不限
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 已婚
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 未婚
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 离异
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 丧偶
        </label>
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-3 control-label">商业兴趣</label>
					<div class="col-sm-6">
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 不限
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 金融财经
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 体育
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 文化历史
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 娱乐
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 科技数码
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 政治军事
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 美容时尚
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 游戏动漫
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 旅游美食
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 母婴育儿
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 生活健康
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 房产家装
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 情感星座
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 教育
        </label>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">气温指数</label>
					<div class="col-sm-6">
        <label class="checkbox-inline">
          <input type="checkbox" value="option1">不限
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option1">0度以下
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option2">1-10度
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">11-20度
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">20-30度
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">30-35度以上
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">35度以上
        </label>
      </div>
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-3 control-label">湿度指数</label>
					<div class="col-sm-6">
        <label class="checkbox-inline">
          <input type="checkbox" value="option1">不限
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option2">小于18
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">18-23
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">24-30
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">31-40
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">41-50
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" value="option3">大于50
        </label>
      </div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">紫外线指数</label>
					<div class="col-sm-6">
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 不限
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 0-2
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 3-4
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 5-6
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 7-9
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 大于10
        </label>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">天气气象</label>
					<div class="col-sm-6">
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 不限
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 晴
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 多云
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 阴
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 小雨
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 大雨
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 小雪
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 大雪
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 雾霾
        </label>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">设备价格定向</label>
					<div class="col-sm-6">
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 不限
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1000元以下
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 1001-2000
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2001-3000
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 3001-4000
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 4001-5000
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 5001-6000
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 6001-7000
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 7000以上
        </label>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">操作系统定向</label>
					<div class="col-sm-6">
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 不限
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> iOS
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> Android
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 手机网站
        </label>
				</div>
			</div>
		</div>
		<div class="panel panel-default">
			<div class="panel-heading bg-white">广告计划与出价</div>
			<div class="panel-body">
				<div class="form-group">
					<label class="col-sm-3 control-label">投放方式</label>
					<div class="col-sm-6">
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 从现在开始一直投放
        </label>
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 选择起始时间
        </label>
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 选择时间段
        </label>
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword3" class="col-sm-3 control-label"></label>
					<div class="col-sm-6 timepick">投放开始时间
          <input type="text" size="10" class="form-control" ng-model="sharedDate" data-autoclose="1" placeholder="选择日期" bs-datepicker>
          <input type="text" size="8" class="form-control" ng-model="sharedDate" data-autoclose="1" placeholder="选择时间" bs-timepicker>
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword3" class="col-sm-3 control-label"></label>
					<div class="col-sm-6 timepick">投放结束时间
          <input type="text" size="10" class="form-control" ng-model="sharedDate" data-autoclose="1" placeholder="选择日期" bs-datepicker>
          <input type="text" size="8" class="form-control" ng-model="sharedDate" data-autoclose="1" placeholder="选择时间" bs-timepicker>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">预算方式</label>
					<div class="col-sm-6">
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 日预算
        </label>
        <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 总预算
        </label>
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-3 control-label">预算</label>
					<div class="col-sm-6">
						<input type="text" class="form-control" id="inputEmail3"></div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-3 control-label">出价</label>
					<div class="col-sm-6">
						<input type="text" class="form-control" id="inputEmail3"></div>
				</div>
      </div>
			</div>
      <div class="text-center">
        <button type="submit" class="btn btn-default" ui-sref="app.manage">取消</button>
        <button type="submit" class="btn btn-primary" ui-sref="app.manage">提 交</button>
      </div>
		</div>
	</form>
</div>
</div>
</body>
</html>